<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@page import="dto.EmpresaDTO"%>
    <%@page import="java.util.ArrayList"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
    <%@include file="../css/bootstrap.min.css" %></style>
<title>Alta Productos Empresa</title>
</head>
<body>
	<div class="container">
		<h2>Alta de cliente</h2>
		<hr>
		<div class="panel panel-default">
			<div class="panel-heading">Productos autorizados</div>
			<div class="panel-body">
				<form action="SrvAltaCliente" method="get">
				<div class="form-group" id="clienteEmpresa">
	              <label for="cliente">Cliente Empresa:</label>
	              <select class="form-control" name="clienteEmpresa" novalidate>
	              	<option value="">Seleccione Cliente</option>
	              	<% for(EmpresaDTO cliente : (ArrayList<EmpresaDTO>)request.getAttribute("ClientesEmpresas")){ %>
	              		<option value="<%=cliente.getId()%>"><%=cliente.getRazonSocial()+" - "+cliente.getCUIT()%></option>
              		<% } %>
	              </select>
	            </div>
				<div class="form-group" id="productos">
					<label for="email">Nombre:</label>
					<input type="text" class="form-control" name="nombreProducto">
				</div>
				<input type="button" value="Agregar" id="agregarProducto">
				<hr>
				<button type="submit" name="origen" value="empresaProductos">Guardar</button>
				</form>
			</div>
		</div>
	</div>
	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$('#agregarProducto').on('click', function(event) {
		event.preventDefault();
		$('#productos').append('<label for="email">Nombre:</label><input type="text" class="form-control" name="nombreProducto">');
	});
	</script>
</body>
</html>